{include file="public/head"}
<title>Home</title>
<link rel="stylesheet" href="__STATIC__/home/css/woocommerce/woocommerce-layout.css" />
<link rel="stylesheet" href="__STATIC__/home/css/woocommerce/woocommerce-smallscreen.css" />
<link rel="stylesheet" href="__STATIC__/home/js/chosen/chosen.css" type="text/css"  />
<!-- 加载uploadify插件的css文件 -->
{load href="__STATIC__/admin/uploadify/uploadify.css" /}
</head>
<body class="page woocommerce-account woocommerce-page">
    <div class="body-wrapper theme-clearfix">
    {include file="public/nav"}
        <div class="listings-title">
            <div class="container">
                <div class="wrap-title">
                    <h1>个人中心</h1>
                    <div class="bread">
                        <div class="breadcrumbs theme-clearfix">
                            <div class="container">
                                <ul class="breadcrumb">
                                    <li>
                                        <a href="/">首页</a>
                                        <span class="go-page"></span>
                                    </li>

                                    <li class="active">
                                        <span>我的账号</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div id="contents" role="main" class="main-page  col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="post-6 page type-page status-publish hentry">
                        <div class="entry">
                            <div class="entry-content">
                                <header>
                                    <h2 class="entry-title">实名认证</h2>
                                </header>

                                <div class="entry-content">
                                    <div class="woocommerce">
                                        <nav class="woocommerce-MyAccount-navigation">
                                            <ul>
                                                <li>
                                                    <a href="{:url('account/index')}">账号首页</a>
                                                </li>

                                                <li>
                                                    <a href="{:url('account/edit')}">修改资料</a>
                                                </li>

                                                <li class="is-active">
                                                    <a href="{:url('account/cert')}">实名认证</a>
                                                </li>

                                                <li>
                                                    <a href="{:url('order/index')}">交易中心</a>
                                                </li>
                                            </ul>
                                        </nav>

                                        <div class="woocommerce-MyAccount-content">
                                            <form class="edit-account" action="{:url('account/cert')}" method="post">
                                                <p class="form-row form-row-first">
                                                    <label>
                                                        姓名
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" class="input-text" name="realname" id="realname" value="{$user.realname}">
                                                </p>

                                                <p class="form-row form-row-last">
                                                    <label>
                                                        手机号码
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input type="text" class="input-text" name="user_phone" id="user_phone" value="{$user.user_phone}">
                                                </p>

                                                <div class="clear"></div>

                                                <fieldset>
                                                <legend>认证资料</legend>
                                                <p class="form-row form-row-first">
                                                    <label>
                                                        身份证号码
                                                        <span class="required">*</span>
                                                    </label>

                                                    <input type="text" class="input-text" name="id_number" id="id_number" value="">
                                                </p>

                                                <p class="form-row form-row-last">
                                                    <label>
                                                        所属城市
                                                        <span class="required">*</span>
                                                    </label>
                                                    <select data-placeholder="选择您的城市" class="chosen-select" tabindex="5" name="city_id">
                                                        <option value=""></option>
                                                        {volist name="allCitys" id="vo"}
                                                        <optgroup label="{$vo.name}">
                                                            {if condition="$vo.child"}
                                                            {volist name="$vo.child" id="vo"}
                                                            <option value="{$vo.id}">{$vo.name}</option>
                                                            {/volist}
                                                            {/if}
                                                        </optgroup>
                                                        {/volist}
                                                    </select>
                                                </p>

                                                <div class="clear"></div>

                                                <p class="form-row form-row-first">
                                                    <label>
                                                        上传身份证（正面）
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input id="licence_pic_upload"  type="file" multiple="true" >
                                                    <img style="display: none" id="licence_pic_img" src="" width="320" height="200">
                                                    <input id="licence_pic" name="licence_pic" type="hidden" multiple="true" value="">
                                                </p>

                                                <p class="form-row form-row-last">
                                                    <label>
                                                        上传身份证（背面）
                                                        <span class="required">*</span>
                                                    </label>
                                                    <input id="licence_pic_back_upload"  type="file" multiple="true" >
                                                    <img style="display: none" id="licence_pic_back_img" src="" width="320" height="200">
                                                    <input id="licence_pic_back" name="licence_pic_back" type="hidden" multiple="true" value="">
                                                </p>
                                                </fieldset>

                                                <div class="clear"></div>

                                                <fieldset>
                                                    <legend>辅助材料</legend>
                                                    <p class="form-row form-row-wide">
                                                        <label>
                                                            个性介绍
                                                            <span class="required">*</span>
                                                            <!--编辑器-->
                                                            <div id="summernote_editor"></div>
                                                            <input id="description" name="description" type="hidden" multiple="true" value="">
                                                        </label>

                                                    </p>
                                                </fieldset>

                                                <div class="clear"></div>
                                                <p>
                                                    <input type="submit" id="sendata" class="button" name="save_account_details" value="申请认证">
                                                </p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {include file="public/footer"}
        <!--多选框美化-->
        <script type="text/javascript" src="__STATIC__/home/js/chosen/chosen.jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('.chosen-select').chosen();
            });
        </script>
        <script>
            var SCOPE = {
                'uploadify_swf' : '__STATIC__/admin/uploadify/uploadify.swf', //插件uploadify加载swf文件路径
                'image_upload_path' : "{:url('api/image/upload')}", //插件uploadify上传控制器
            };
        </script>
        {load href="__STATIC__/admin/uploadify/jquery.uploadify.min.js" /}
        {load href="__STATIC__/home/js/image.js" /}
        <!-- 编辑器引入 -->
        <link href="__STATIC__/home/js/summernote/summernote.css" rel="stylesheet">
        <script src="__STATIC__/home/js/summernote/summernote.js"></script>
        <script src="__STATIC__/home/js/summernote/lang/summernote-zh-CN.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $('#summernote_editor').summernote({
                height: 250,
                lang: 'zh-CN',
                toolbar: [
                    // [groupName, [list of button]]
                    ['style', ['style']],
                    ['fontstyle', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['fontname']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']]
                ],
            });
            $('#sendata').click(function () {
                $("#description").attr("value", $('#summernote_editor').summernote('code'));
            });
        });
    </script>
</body>
</html>